<template>
    <div class="qilin-operateBar qilin-position-fixed qilin-width-100 qilin-p-4">
        <div class="qilin-operateBar-box">
            <slot></slot>
        </div>
    </div>
</template>

<script setup>
/**
 * 组件介绍：通常查看组件顶部按钮操作栏
 * 功能描述：
 * 
 * @author Qilin
 * @CreateDate 2025-01-20 创建日期
 * @lastUpdatePerson Qilin 最后修改人
 * @lastUpdateDate 2025-06-05 最后修改日期
 */


/*
    响应式选项区域
*/


/*
    数据变量定义区域
*/


/*
    计算属性等代码区域
*/


/*
    逻辑脚本代码区域
*/


/*
    生命周期等代码区域
*/


</script>

<style lang="scss" scoped>
.qilin-operateBar{
    background-color:var(--qilin-bg-color-common);
    left:0;
    top:0;
    z-index:1000;
    box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.1);
    >.qilin-operateBar-box{
        width:80%;
        max-width:12rem;
        margin:0 auto;
        min-height:0.32rem;
    }
}
</style>
